<div id="wx_logo" style="display:none;">
        <img src="/img/deaf/logo.jpg" />
    </div>
    <!-- Swiper -->
    <div class="swiper-container swiper-container-vertical">
        <!-- Add Arrows -->
        <div class="i-mute"></div>
        <div class="swiper-button-next"></div>
        <div class="loading text3">Loading...</div>
        <div class="swiper-wrapper">
            <div class="swiper-slide scene-wrapper scene-slide1">
                <div class="content-wrapper">
                    <img class="dialog" src="/img/deaf/c_text0.png" />
                    <p class="child">
                        <img src="/img/deaf/c_wawa_normal.png" />
                    </p>
                    <p class="fan">
                        <img src="/img/deaf/c_fan.png" />
                        <img class="wind" src="/img/deaf/c_wind.png" />
                    </p>
                    <audio preload="auto" loop="loop" hidden="hidden" id="a-bg1" src="/media/bg1.mp3" data-ke-src="/media/bg1.mp3">
                        <source src="/media/bg1.mp3" type="audio/mp3" />
                        <source src="/media/bg1.ogg" type="audio/ogg" />
                    </audio>
                    <audio preload="auto" hidden="hidden" id="a-haha" src="/media/haha.mp3" data-ke-src="/media/haha.mp3">
                        <source src="/media/haha.mp3" type="audio/mp3" />
                        <source src="/media/haha.ogg" type="audio/ogg" />
                    </audio>
                </div>
            </div>
            <div class="swiper-slide scene-wrapper scene-slide2">
                <div class="content-wrapper">
                    <img class="dialog" src="/img/deaf/c_text1.png" />
                    <p class="child">
                        <img src="/img/deaf/c_wawa_achoo.png" />
                    </p>
                    <p class="fan">
                        <img src="/img/deaf/c_fan.png" />
                        <img class="wind" src="/img/deaf/c_wind.png" />
                    </p>
                    <p class="spit">
                        <img src="/img/deaf/c_spit.png" />
                    </p>
                    <p class="achoo">
                        <img src="/img/deaf/c_achoo.png" />
                    </p>
                    <p class="bear">
                        <img src="/img/deaf/c_bear.png" />
                    </p>
                    <audio preload="auto" hidden="hidden" id="a-achoo" src="/media/achoo.mp3" data-ke-src="/media/achoo.mp3">
                        <source src="/media/achoo.mp3" type="/audio/mp3" />
                        <source src="/media/achoo.ogg" type="/audio/ogg" />
                    </audio>
                </div>
            </div>
            <div class="swiper-slide scene-wrapper scene-slide3">
                <div class="content-wrapper">
                    <img class="dialog" src="/img/deaf/c_text2.png" />
                    <p class="child">
                        <img src="/img/deaf/c_wawa_medicine.png" />
                        <img class="mouth" src="/img/deaf/c_wawa_mouth.png" />
                    </p>
                    <p class="mother">
                        <span class="feed-medicine">
                            <img class="hand" src="/img/deaf/c_mama_hand.png" />
                            <img class="medicine" src="/img/deaf/c_medicine.png" />
                        </span>
                        <img src="/img/deaf/c_mama_medicine.png" />
                    </p>
                </div>
            </div>
            <div class="swiper-slide scene-wrapper scene-slide4">
                <div class="content-wrapper">
                    <img class="dialog" src="/img/deaf/c_text3.png" />
                    <p class="child">
                        <img class="head" src="/img/deaf/c_wawa_head.png" />
                        <img src="/img/deaf/c_wawa_body.png" />
                    </p>
                    <p class="mother">
                        <img src="/img/deaf/c_mama_body.png" />
                        <img class="mouth" src="/img/deaf/c_mama_mouth.png" />
                    </p>
                    <audio preload="auto" loop="loop" hidden="hidden" id="a-bg2" src="/media/bg2.mp3" data-ke-src="/media/bg2.mp3">
                        <source src="/media/bg2.mp3" type="/audio/mp3" />
                        <source src="/media/bg2.ogg" type="/audio/ogg" />
                    </audio>
                </div>
            </div>
            <div class="swiper-slide scene-wrapper scene-slide5">
                <div class="content-wrapper">
                    <img class="dialog" src="/img/deaf/c_text4.png" />
                    <p class="child">
                        <img src="/img/deaf/c_wawa_sick.png" />
                    </p>
                    <p class="mother">
                        <img src="/img/deaf/c_mama_tear.png" />
                        <img class="tear1" src="/img/deaf/c_tear.png" />
                        <img class="tear2" src="/img/deaf/c_tear.png" />
                    </p>
                </div>
            </div>
            <div class="swiper-slide text-wrapper text-slide0">
                <p class="circle-bar"></p>
                <div class="content-wrapper">
                    <img src="/img/deaf/c_sad.png" />
                    <div class="circle vertical-element">
                        <p>
                            <span class="text1">
                                <span>药</span><span>物</span><span>性</span><span>致</span><span>聋</span>
                            </span>
                            <span class="text4">你以为离你很远吗？</span>
                        </p>
                    </div>
                    <audio preload="auto" loop="loop" hidden="hidden" id="a-bg3" src="/media/bg3.mp3" data-ke-src="/media/bg3.mp3">
                        <source src="/media/bg3.mp3" type="audio/mp3" />
                        <source src="/media/bg3.ogg" type="audio/ogg" />
                    </audio>
                </div>
            </div>
            <div class="swiper-slide text-wrapper text-slide1">
                <div class="content-wrapper">
                    <img class="w-support" src="/img/deaf/w-support.png" />
                    <p class="text4"><span>每</span><span>年</span><span>我</span><span>国</span><span>约</span><span>有</span></p>
                    <p class="text5"><span>60000</span><span>-</span><span>80000</span></p>
                    <p class="text1"><span>耳</span><span>聋</span><span>儿</span><span>童</span></p>
                    <div class="slides">
                        <section class="slide1">
                            <div class="vertical-element circle">
                                <span>
                                    <span class="text2">6~8W</span><br /><span class="text4"></span>耳聋儿童
                                </span>
                            </div>
                        </section>
                        <section class="slide2">
                            <div class="vertical-element circle circle-group">
                                <div>
                                    <p class="circle half-circle"></p>
                                    <p class="circle half-circle"></p>
                                </div>
                                <span class="circle-total">
                                    <span class="text2">6~8W</span><br /><span class="text4"></span>耳聋儿童
                                </span>
                                <img class="circle-border" src="/img/deaf/w-circle-white.png" />
                                <p class="circle-text text2 vertical-element">药物<br />致聋</p>
                                <p class="circle-percent text3 vertical-element">50%</p>
                            </div>
                        </section>
                        <section class="slide3">
                            <p class="arrow-up"></p>
                            <p class="text1">
                                [ 药物致聋 ]
                            </p>
                            <p class="text4">
                                是8岁以下儿童致聋的<br />重要原因
                            </p>
                        </section>
                    </div>
                    <audio preload="auto" hidden="hidden" id="a-click" src="/media/click.mp3" data-ke-src="/media/click.mp3">
                        <source src="/media/click.mp3" type="audio/mp3" />
                        <source src="/media/click.ogg" type="audio/ogg" />
                    </audio>
                </div>
            </div>
            <div class="swiper-slide text-wrapper text-slide2">
                <div class="content-wrapper">
                    <section>
                        <img src="/img/deaf/w-showcase1.jpg" />
                        残奥会圣火采集使者姜馨田
                    </section>
                    <section>
                        <img src="/img/deaf/w-showcase2.jpg" />
                        千手观音领舞邰丽华
                    </section>
                    <img src="/img/deaf/w-stamp.png" />
                    <audio preload="auto" hidden="hidden" id="a-stamp" src="/media/stamp.mp3" data-ke-src="/media/stamp.mp3">
                        <source src="/media/stamp.mp3" type="audio/mp3" />
                        <source src="/media/stamp.ogg" type="audio/ogg" />
                    </audio>
                </div>
            </div>
            <div class="swiper-slide text-wrapper text-slide3">
                <div class="content-wrapper">
                    <p class="text3">谁可能会</p>
                    <p class="text1">被药物致聋？</p>
                    <img src="/img/deaf/w-wawa.png" />
                    <div class="text-group">
                        <p class="text4">
                            <span>体</span><span>内</span><span>携</span><span>带</span><span>突</span><span>变</span><span>基</span><span>因</span><span>的</span><span>人</span><span>群</span>
                        </p>
                        <p class="text4">
                            <span>接</span><span>触</span><span>某</span><span>些</span><span>耳</span><span>毒</span><span>性</span><span>药</span><span>物</span><span>后</span>
                        </p>
                        <p class="text4">
                            <span>会</span><span>导</span><span>致</span><span>耳</span><span>聋</span><span>！</span>
                        </p>
                    </div>
                    <section class="gene-1 circle">
                        <img src="/img/deaf/w-line.png" />
                        <p class="vertical-element">新霉素</p>
                    </section>
                    <section class="gene-2 circle">
                        <img src="/img/deaf/w-line.png" />
                        <p class="vertical-element">链霉素</p>
                    </section>
                    <section class="gene-3 circle">
                        <img src="/img/deaf/w-line.png" />
                        <p class="vertical-element">其他<br />元素</p>
                    </section>
                    <section class="gene-4 circle">
                        <img src="/img/deaf/w-line.png" />
                        <p class="vertical-element">庆大<br />霉素</p>
                    </section>
                    <section class="gene-main vertical-element circle">突变<br />基因</section>
                </div>
            </div>
            <div class="swiper-slide text-wrapper text-slide4">
                <div class="content-wrapper">
                    <img class="w-support" src="/img/deaf/w-support.png" />
                    <img src="/img/deaf/w-people.png" />
                    <section>
                        <img src="/img/deaf/w-arrow.png" /><br />
                        <p class="text3">孕妇 &amp; 儿童</p>
                        <p class="text3">是耳毒性药物敏感人群</p>
                    </section>
                    <section>
                        <img src="/img/deaf/w-arrow.png" /><br />
                        <p class="text4">应尽早进行检测</p>
                        <p class="text4">避免日后悲剧</p>
                    </section>
                </div>
            </div>
            <div class="swiper-slide text-wrapper text-slide5">
                <div class="content-wrapper">
                    <p class="text1">关爱耳朵健康</p>
                    <p class="text4">由此开始&ensp;↓&ensp;↓&ensp;↓</p>
                    <img src="/img/deaf/w-code.png" />
                    <p class="text4">你是否存在药物性耳聋的危险？</p>
                    <p class="text2">长按二维码</p>
                    <p class="text4">让你的基因告诉你</p>
                </div>
            </div>
        </div>
    </div>
    <script>
        //自定义分享参数
        var wxData = {
            "imgUrl": "http://ws.baiaimama.com/img/deaf/logo.jpg",
            "link": "http://ws.baiaimama.com/deaf/index",
            "title": "为了那句我爱你 拒绝药物性耳聋",
            "desc": "为了那句我爱你 拒绝药物性耳聋"
        };
    </script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        wx.config({
            debug: false,
            appId: "<?php echo $wsconfig['appId']?>",
            timestamp: '<?php echo $wsconfig['timestamp']?>',
            nonceStr: '<?php echo $wsconfig['noncestr']?>',
            signature: '<?php echo $wsconfig['signature']?>',
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] 
        });
        wx.ready(function () {
            // 分享到朋友圈
            wx.onMenuShareTimeline({
                title: "为了那句我爱你 拒绝药物性耳聋",
                link: "为了那句我爱你 拒绝药物性耳聋",
                imgUrl: "http://ws.baiaimama.com/img/deaf/logo.jpg"
            });
            //分享给朋友
            wx.onMenuShareAppMessage({
                title: "为了那句我爱你 拒绝药物性耳聋",
                desc:"为了那句我爱你 拒绝药物性耳聋",
                link: "http://ws.baiaimama.com/deaf/index",
                imgUrl: "http://ws.baiaimama.com/img/deaf/logo.jpg",
                type: 'link',
            });
        });
    </script>